<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap-grid.css">
</head>
<body>
    
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="">

<button class="btn">发送请求</button>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
<!-- <script src="http://localhost:8080/goods/test2"></script> -->
<script>
// 浏览器的同源策略限制了ajax跨域请求资源

// 浏览器是否限制 link img script 等标签的跨域能力？可以跨域
// link 加载回来的内容默认当成css解析
// img 加载回来的内容默认当成图片解析
// script 加载回来的内容默认当成JS解析

// jsonp -> 跨域获取json数据
// jsonp其实就是利用script标签的跨域能力来获取数据

// res.send('hello')后端响应的数据
// script 加载回来的内容'hello'默认当成JS解析为 -> hello

// res.send('var hehe = "呵呵"')后端响应的数据
// script 加载回来的内容'var hehe = "呵呵"'默认当成JS解析为 -> var hehe = "呵呵"
// console.log( hehe )// 呵呵

// res.send('test(json)')后端响应的数据
// script 加载回来的内容'test(json)'默认当成JS解析为 -> test(json)
// 返回的函数调用是在全局执行

function test(data){
    console.log( 'test函数。。。',data )
}
</script>
<script src="http://localhost:8080/goods/test2"></script>
</body>
</html>